<template>
<div>
    <van-nav-bar class="head" title="口碑榜单" left-text="" left-arrow />
    <van-uploader
     :after-read="afterRead" preview-size='191px'/>
    <p>请上传您的消费凭证/会员卡</p>
         <!-- 底部按钮 -->
    <div class="footer">
      <van-button type="primary" block to="redbag">提交</van-button>
    </div>
</div>

     
</template>
<script>
export default {
  methods: {
    afterRead(file) {
      // 此时可以自行将文件上传至服务器
      console.log(file);
    },
  },
};
</script>
<style scoped lang="less">
.head {
  width: 100%;
  height: 51px;
  color: rgba(80, 80, 80, 1);
  background-color: rgba(239, 239, 239, 1);
  top: 0;
}
/deep/.van-nav-bar .van-icon{
  color: rgba(153, 153, 153, 1);
}
/deep/.van-nav-bar__title{
  color: rgba(42, 131, 78, 1);
  font-size: 18px;
}
/deep/.van-uploader{
	width: 191px;
	height: 191px;
	left: 93px;
	top: 130px;
	color: rgba(80, 80, 80, 1);
	background-color: rgba(229, 229, 229, 1);
	font-size: 14px;
	text-align: center;
 
}
/deep/ .van-uploader__upload{
  margin: 0;   
}
p{
        text-align: center;
    margin-top: 170px;
}
.footer {
  width: 100%;
  position: fixed;
  bottom: 0;
}
</style>
